<div class="m-l nav navbar-nav m-t block" style="width:300px;" >  
  <span>产品管理 ></span>  
  <span>故障工单 ></span> 
  <span>列表</span>      
</div>
<div class="m-t-lg">
  <div class="wrapper-sm">
	<div class="panel panel-default">
		<div class="panel-body">
			<div style="border-color: #e5e5e5;padding: 10px;background-color: #e5e5e5">
				<div class="row">
					<div class="col-md-2">
						<div style="margin-top: 10px;">设备总数：324台</div>
					</div>
					<div class="col-md-6">
						<div class="input-group">
					      <input type="text" class="form-control" placeholder="设备ID...">
					      <span class="input-group-btn">
					        <button class="btn btn-default" type="button">搜索</button>
					      </span>
					    </div>
					</div> 
					<div class="col-md-4" style="text-align: right">
						<button class="btn btn-info" (click)="myModal.show()">
							新增
						</button>
					</div>			
				</div>
			</div>
			<table class="table table-hover table-striped m-b-none default footable">
				<thead>
					<tr>
						<th>工单编号</th>
	   					<th>生成时间</th>
	   					<th>创建人</th>
	   					<th>设备编号</th>
	   					<th>报警用户</th>
	   					<th>在离线状态</th>
	   					<th>维保人员</th>
	   					<th>故障类型</th>
	   					<th>故障描述</th>	   					
	   					<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>						
	   					<td>1324565</td>
	   					<td>sssdssf</td>
	   					<td>asdasda</td>
	   					<td>adadadadadad</td>
	   					<td>adacasdcs</td>
	   					<td>zhangsna</td>
	   					<td>在线</td>
	   					<td>32</td>
	   					<td>12</td>	   					
	   					<td>
	   						<a style="color: blue;" [routerLink]="['faultdetail',23123]">处理记录</a>
	   					</td>
					</tr>
				</tbody>
			</table>
			<app-pagination [pageModel]="pageModel" (pageChanged)="getAll($event)"></app-pagination>
		</div>
	</div>
  </div>
</div>


<div>
  <div bsModal #myModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width: 800px">
      <div class="modal-content">
		  <div class="modal-header">
		    <h4 class="modal-title">新增故障工单</h4>
		   <!--  <button class="close" aria-label="Close" (click)="closeModal()">
		      <span aria-hidden="true">&times;</span>
		    </button> -->
		  </div>
		  <div class="modal-body">
		    <form class="form-horizontal">
		        <div class="form-group row" >
		          <label class="col-sm-3  control-label" style="text-align: right">工单名称</label>
		          <div class="col-sm-7">
		            <input type="text"  class="form-control" placeholder="请输入设备名称" name="ordername" [(ngModel)]='ordername'  required="">
		          </div>
		          <div class="col-sm-2" style="color:red;margin-top: 10px;">
		            <p [hidden]="ordername">必填</p>
		          </div>
		        </div>      
		        
		    </form>
		  </div>
		  <div class="modal-footer">
		    <button class="btn btn-info confirm-btn" (click)="open()" [disabled]="!ordername">保存</button>
		    <button class="btn  confirm-btn " (click)="myModal.hide();cancel();">取消</button>
		  </div>
		</div>
     
    </div>
  </div>
</div>